<!DOCTYPE html>
<!--支付页 -->
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>支付页</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/Brand introduction.css">
    <link rel="stylesheet" type="text/css" href="css/news.css" />
    <link rel="stylesheet" href="css/pay.css">
</head>

<body>
    <div class="continer">
        <!-- 头部statrt -->
        <div class=" header w">
            <!-- logo部分start -->
            <div class="logo">
                <img src="upload/03.1001(1).png" alt="">
            </div>
            <!-- logo部分end -->
            <!-- nav部分start -->
            <div class="nav">
                <ul>
                    <li><a href="index.html">公司首页</a></li>
                    <li><a href="Brand introduction.html">品牌介绍</a></li>
                    <li><a href="news.html">新闻中心</a></li>
                    <li><a href="product.html">产品中心</a></li>
                    <li><a href="contactus.html">联系我们</a></li>
                    <li><a href="user.html">会员中心</a></li>
                </ul>
                <div class="Sign">
                    <ul>
                        <li><a href="login.html">登录</a></li>
                        <li><a href="rigister.html">注册</a></li>
                    </ul>
                </div>
                <div class="shopp">
                    <a href="shop cart.html">
                        <img src="upload/满购物车.png" alt="">
                        <span>0</span>
                    </a>
                </div>

                <div class="Sosu">
                    <input type="text" class="Search">
                    <a href="#">
                        <img src="upload/放大镜(1).png" alt="">
                    </a>
                </div>
            </div>
            <!-- nav部分end -->
        </div>

        <!-- 头部end -->
        <!-- 右边部分start -->
        <aside class="news-box-r">
            <!-- 右边头部盒子start -->
            <div class="hea-one">
                <div class="box-left">
                    <hr>
                    <span class="span-one"></span>
                    <span class="span-two"></span>
                    <span class="span-three"></span>
                </div>
                <h3>支付页</h3>
                <div class="box-right">
                    <span class="span-one"></span>
                    <span class="span-two"></span>
                    <span class="span-three"></span>
                    <hr>
                </div>
            </div>
            <!-- 右边头部盒子end -->
            <!-- 右边具体盒子start -->
            <div class="PayBox">
                <div class="PayBox-one">
                    <img src="imges/勾 (1).png" alt="">
                    <h3>您的订单已生成，请尽快支付。</h3>
                    <span style="top: 51px;">应付金额：<a href="#">￥269.00</a> </span>
                    <span style="top: 84px;"> 请您在提交支付后72小时以内完成支付，否则订单将失效。</span>
                </div>
                <!-- 第一个盒子结束 -->
                <div class="PayBox-two">
                    <div class="PayBox-two-hd">
                        <h3>您可以选择的付款方式</h3>
                    </div>
                    <div class="PayBox-two-by">
                        <h3> 网银支付：</h3>
                        <ul class="Pay-nav">
                            <li><a href="#">
                                    <input type="radio">
                                    <img src="imges/图层76.png" alt="">
                                </a></li>
                            <li><a href="#">
                                    <input type="radio" name="" id="">
                                    <img src="imges/图层80.png" alt="" srcset="">
                                </a></li>
                            <li><a href="#">
                                    <input type="radio">
                                    <img src="imges/图层84.png" alt="">
                                </a></li>
                            <li><a href="#" style="margin-right: 0;">
                                    <input type="radio">
                                    <img src="imges/图层82.png" alt="">
                                </a></li>
                        </ul>
                        <h5>选择一种支付方式：</h5>
                        <ul class="Pay-nav" style="margin-top: 52px;">
                            <li><a href="#">
                                    <input type="radio">
                                    <img src="imges/图层78.png" alt="" style="left: 30px; top: 8px;">
                                </a></li>
                            <li><a href="#">
                                    <input type="radio">
                                    <img src="imges/图层79.png" alt="">
                                </a></li>
                            <li><a href="#">
                                    <input type="radio">
                                    <img src="imges/图层77.png" alt="" style="left: 30px; top: 10px;">
                                </a></li>
                            <li><a href="#" style="margin-right: 0;">
                                    <span>+</span>
                                    添加银行卡
                                </a></li>
                        </ul>
                        <!-- 支付选择结束 -->
                        <div class="Pay-navbox">
                            <input type="radio" name="" id="">
                            <img src="imges/图层76拷贝2.png" alt="">
                            <span style="left: 262px;">****1234</span>
                            <span style="left: 384px;">储蓄卡 快捷</span>
                            <span style="top: 30px; right: 20px;">支付：<a href="#">￥269.00</a>元</span>
                        </div>
                        <div class="Pay-on">
                            <img src="imges/形状5.png" alt="">
                            <span style="color: #2d2d2d;">您在安全的支付环境中，请放心使用！</span>
                            <br>
                            <span>支付密码：</span>
                            <br>
                            <input type="text" class="Pay-password"> <a href="#">忘记密码？</a>
                            <br>
                            <span style="font-size: 12px;">请输入6位密码</span>
                            <br>
                            <button class="Pay-btn">确认付款</button>
                        </div>
                    </div>
                </div>
                <!-- 第二个盒子结束 -->
            </div>
            <!-- 右边具体盒子end -->
        </aside>
        <!-- 右边部分end -->
    </div>

    <!-- footer部分statr -->
    <footer class="footer">
        copyright 2002-2012 深圳市挪亚家有限公司版权所有 深ICP备12004685号
    </footer>
    <!-- footer部分end -->
</body>

</html>